<template>
	<view class="travel-box">
		<!-- <view class="head_box">
			<yy-custom bgColor="#fff">
				<block slot="backText"></block>
				<block slot="content">导航栏</block>
			</yy-custom>
		</view> -->

		<u-navbar back-icon-name="arrow-left" title-size="36" back-text="" :back-icon-size="50" title="话题"
			:title-bold="true">
			<view class="navbar-right" slot="right">
				<!-- <view
					class="message-box right-item"
					@click="l.to('/pages/home/knowledge')"
					style="padding-right: 32rpx; color: #666666;">
					举报须知
				</view> -->
			</view>
		</u-navbar>

		<view class="travel-box">
			<view class="r10 pt28 pl30 h130 mb54" style="background-color: #FAF7FA;">
				<view class="" style="color: #40C6A8;">
					#旅游
				</view>
				<view class="mt20 f24">
					<text style="color: #666666;">9800个话题</text>
				</view>
			</view>
			<view class="">
				<home-notice></home-notice>
			</view>
			
			<view class="flex align-center ww100 h80 justify-center">
				<button
					type="default"
					class="cu-btn w500 h80 r40"
					@click="l.to('/pages/home/release')"
					style="background-color: #000000; color: #FFFFFF;">
					立即参与
				</button>
			</view>
		</view>


		<view class="foot_box"></view>
		<!-- 加载提示 -->
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<!-- 信息提示-->
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	import homeNotice from '@/pages/tab/components/home-notice/home-notice.vue'

	export default {
		components: {
			homeNotice,
		},
		data() {
			return {};
		},
		onShow() {},
		onLoad(e) {},
		methods: {
			clkOn() {
				this.z.load(this);
				setTimeout(() => {
					this.z.load(this, 0);
				}, 3000);
			}
		}
	};
</script>

<style lang="scss" scoped>
	.travel-box {
		
		.travel-box {
			padding: 30rpx;
		}
		
	}
</style>
